<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>用户登录</title>
<!-- 新 Bootstrap 核心 CSS 文件 -->
  <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

  <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
  <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>

  <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
  <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
  <style>
    .usertable{
      width: 500px;
      height: 500px;
      margin-left:500px;
      margin-top: 100px;
      border: 1px solid #000000;
      border-radius: 50px;
      background-color:rgba(0,0,0,0.2);
      box-shadow: 10px 10px 5px #000000;
    }
    body{
      background-image: url("./images/bg.jpg");
      background-repeat: no-repeat;
      background-size: 100%;
    }
  </style>
</head>
<body>
<h2>${sessionScope.message}</h2>
<form action="LoginServlet" method="post" role="form">
  <div class="usertable">
    <div class="form-group" style="margin-left: 100px;margin-top: 100px">
      <label for="username" class="control-label">用户名</label>
      <input type="text" class="form-control" name="username" id="username" placeholder="请输入用户名" style="width: 200px;margin-left: 0px" value="${cookie.username.getValue()}">
    </div>
    <div class="form-group" style="margin-left: 100px;margin-top: 20px">
      <label for="password" class="control-label">密码</label>
      <input type="password" class="form-control" name="password" id="password" placeholder="请输入密码" style="width: 200px;margin-left: 0px" value="${cookie.password.getValue()}">
    </div>
    <div class="checkbox" style="margin-left: 100px;margin-top: 20px">
      <label>
        <input type="checkbox" name="autoLogin" value="check">自动登录
      </label>
    </div>
     <div class="form-group" style="margin-left: 100px;margin-top: 20px">
     	<select name="userType">
     		<option value="普通用户">普通用户</option>
     		<option value="管理员">管理员</option>
     	</select>
    </div>
    <div class="form-group" style="margin-left: 100px;margin-top: 20px">
      <a href="register.jsp" style="color: #3399FF">注册</a>
    </div>
    <div class="form-group" style="margin-left: 100px;margin-top: 20px">
      <button type="submit" class="btn btn-primary">登录</button>
    </div>
  </div>
</form>
</body>
</html>